<template>
	<view class="tabbar-item">
		<view @click="() => clickItem($attrs)">
			<slot></slot>
		</view>
	</view>
</template>

<script setup lang="ts">
	interface TabbarItemPrps{
		active: number
	}
	const props = withDefaults(defineProps<() => TabbarItemPrps>(), {
		active: 0
	})
	
	const emtis = defineEmits(['change'])
	
	
	const clickItem = (e) => {
		console.log("点击了某一个tabiTEM", e)
		emtis('change')
	}
</script>

<style scoped lang="scss">
	.tabbar-item{
		padding: 20upx 0;
		background-color: #fff;
		cursor: pointer;
	}
</style>